/* 投资新闻 */
<template>
  <div class="invest">
    <Layout>
      <Header>
        <index-header-v></index-header-v>
      </Header>
      <Content>
        <div class="floorWarp">
          <Row class="floor" type="flex" justify="center">
            <Col :lg="{span:18}">
              <Menu mode="horizontal" :active-name="activeName">
                <MenuItem name="/invest/investment" to="/invest/investment">投资新闻</MenuItem>
                <MenuItem name="/invest/policy" to="/invest/policy">投资政策</MenuItem>
                <MenuItem name="/invest/environment" to="/invest/environment">投资环境</MenuItem>
                <MenuItem name="/invest/feature" to="/invest/feature">运营特色</MenuItem>
                <MenuItem name="/invest/hire" to="/invest/hire">商铺租赁</MenuItem>
                <MenuItem name="/invest/traffic" to="/invest/traffic">区位交通</MenuItem>
              </Menu>
              <Breadcrumb separator=">" style="padding-top:12px">
                <BreadcrumbItem to="/index">首页</BreadcrumbItem>
                <BreadcrumbItem to="/recreation">投资新闻</BreadcrumbItem>
                <BreadcrumbItem>{{$route.meta.title}}</BreadcrumbItem>
              </Breadcrumb>
              <Divider/>
              <router-view></router-view>
            </Col>
          </Row>
        </div>
      </Content>
      <Footer>
        <index-footer-v></index-footer-v>
      </Footer>
    </Layout>
  </div>
</template>

<script>
import IndexHeaderV from "../components/IndexHeader";
import IndexFooterV from "../components/IndexFooter";
import velocity from "../assets/js/velocity";
export default {
  components: {
    IndexHeaderV,
    IndexFooterV
  },
  data() {
    return {
      activeName: this.$route.path.split("/", 3).join("/"),
    }
  },
}
</script>

<style lang="less">
@import "../assets/css/layout.less";
.invest {
  .floorWarp {
    background: #fff;
  }
}
</style>